<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="ch">
<!-- jQuery -->

<head>

    <base th:href="${#request.getScheme()}+'://'+${#request.getServerName()}+':'+${#request.getServerPort()}+${#request.getContextPath()}">
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站用户</title>
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}"/>
    <script th:inline="javascript">
        var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];
    </script>
</head>
<body style="margin:10px;background-color: white">
<div class="content-wrapper">
    <!-- Content Header (图标header) -->
    <div class="content-header">
        <div class="container-fluid">
        </div><!-- /.container-fluid -->
    </div>
    <!-- Main content -->
    <div class="content">
        <div class="container-fluid">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">轮播图管理</h3>
                </div> <!-- /.card-body -->
                <div class="card-body">
                    <div class="grid-btn">
                        <button class="btn btn-info" onclick="carouselAdd()" id="add-carousel">
                            <i class="fa fa-plus"></i>&nbsp;新增
                        </button>
                        <button class="btn btn-info" onclick="carouselEdit()"><i
                                class="fa fa-pencil-square-o"></i>&nbsp;修改
                        </button>
                        <button class="btn btn-danger" onclick="deleteCarousel()"><i
                                class="fa fa-trash-o"></i>&nbsp;删除
                        </button>
                    </div>
                    <br>
                    <table id="jqGrid" class="table table-bordered">
                    </table>
                    <div id="jqGridPager"></div>
                </div><!-- /.card-body -->
            </div>
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
    <div class="content">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="carouselModal" tabindex="-1" role="dialog"
             aria-labelledby="carouselModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h6 class="modal-title" id="carouselModalLabel">Modal</h6>
                    </div>
                    <div class="modal-body">
                        <form id="indexConfigForm">
                            <div class="form-group">
                                <div class="alert alert-danger" id="edit-error-msg" style="display: none;">
                                    错误信息展示栏。
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-4">
                                    <img id="carouselImg" src="/admin/dist/img/img-upload.png"
                                         style="height: 64px;width: 64px;">
                                </div>
                            </div>
                            <br>
                            <div class="form-group">
                                <div class="col-sm-4">
                                    <button class="btn btn-info" style="margin-bottom: 5px;"
                                            id="uploadCarouselImage">
                                        <i class="fa fa-picture-o"></i>&nbsp;上传轮播图
                                    </button>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="redirectUrl" class="control-label">跳转链接:</label>
                                <input type="text" class="form-control" id="redirectUrl" name="redirectUrl"
                                       placeholder="请输入跳转链接" value="##">
                            </div>
                            <div class="form-group">
                                <label for="carouselRank" class="control-label">排序值:</label>
                                <input type="number" class="form-control" id="carouselRank" name="carouselRank"
                                       placeholder="请输入排序值">
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" id="saveButton">确认</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.modal -->
    </div>
</div>
</body>
<!-- jQuery -->
<script th:src="@{/admin/plugins/jquery/jquery.min.js}"></script>
<!--&lt;!&ndash; Bootstrap 4 &ndash;&gt;-->
<!-- jQuery UI 1.11.4 -->
<script th:src="@{/admin/plugins/jQueryUI/jquery-ui.min.js}"></script>
<script th:src="@{/admin/plugins/bootstrap/js/bootstrap3.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/admin/dist/js/adminlte.min.js}"></script>
<!-- jqgrid -->
<script th:src="@{/admin/plugins/jqgrid-5.5.2/jquery.jqGrid.min.js}"></script>
<script th:src="@{/admin/plugins/jqgrid-5.5.2/grid.locale-cn.js}"></script>
<!-- sweetalert -->
<script th:src="@{/admin/plugins/sweetalert/sweetalert.min.js}"></script>
<!-- ajaxupload -->
<script th:src="@{/admin/plugins/ajaxupload/ajaxupload.js}"></script>
<script th:src="@{/admin/dist/js/public.js}"></script>
<script th:src="@{/admin/dist/js/newbee_mall_carousel.js}"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--&lt;!&ndash;<script th:src="@{/layui/jquery.min.js}"></script>&ndash;&gt;-->
<!--<script th:src="@{/layui/layui.js}"></script>-->
<!--<script src="../../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>-->

</html>